<template>
    <div class="page page-login">
        <flexbox orient="vertical" :gutter="80" class="login-form">
            <flexbox-item span="4">
                <img src="../assets/logo_1.png" class="img-logo">
            </flexbox-item>
            <flexbox-item span="16">
                <group>
                    <x-input type="username" placeholder="输入账号" >
                    </x-input>
                    <x-input type="password" placeholder="请输入密码">
                    </x-input>
                    <x-input type="password" placeholder="重复密码">
                    </x-input>
                </group>
            </flexbox-item>
            <flexbox-item span="2">
                <div class="button-group set-margin" >
                    <x-button type="primary" v-on:click="register">完成注册</x-button>
                </div>
            </flexbox-item>
        </flexbox>
    </div>
</template>

<script>
export default {
    name: 'register',
    
}

</script>

<style lang="less" scoped>
    .page-login{
        height: inherit;
        & .img-logo{
            display: block;
            width: 60%;
            margin: 30px auto 0 auto;
        }
        & .login-form{
            height: inherit;
        }
    }
</style>
